<template>
  <div id="">
    <div class="justify-content pickerSpan">
      <span>取消</span>
      <span>确定</span>
    </div>
    <mt-picker :slots="slots" :valueKey="valueKey" @change="onSexChange"></mt-picker>
  </div>
</template>
<script>
export default {
  name: "",
  props: ['slots','valueKey'],
  data: () => ({
    pickerValue:'',
  }),
  methods: {
    onSexChange(picker,values) {
      console.log(values);
      this.pickerValue = values;
      this.$emit('onSexChange',values);
    }
  }
}
</script>
<style lang="scss" scoped>
.pickerSpan{
  height: 40px;
  line-height: 40px;
  background: white;
  border-bottom: 1px solid $boxBgcolor;
  span{
    padding: 0 10px;
    color: $blueColor;
  }
}
</style>
